.new-node-card {
  width: calc(33.3% - 20px);
  border-radius: 2px;
  border: solid 1px #e6eaef;
  box-sizing: border-box;
  padding: 20px 0px;
  height: 270px;
  margin-bottom: 20px;
  &:nth-child(n + 2) {
    margin-left: 30px;
  }
  &:nth-child(3n + 1) {
    margin-left: 0px;
  }
  .mr5 {
    margin-right: 5px;
  }
  &-vsub {
    vertical-align: sub;
  }
  &-header {
    display: flex;
    padding: 0 24px 0 24px;
    min-height: 85px;
    justify-content: space-between;
    align-items: center;
    background-repeat: no-repeat;
    background-position-x: 24px;
    border-bottom: 1px solid #e6eaef;
    background-size: 60px 60px;
    &.master,
    &.single {
      background-image: url('../../../images/dispatch.svg');
    }
    &.storage {
      background-image: url('../../../images/storage.svg');
    }
    &.slave {
      height: unset;

      background-image: url('../../../images/engine.svg');
    }
    padding: 0 24px 20px 100px;
  }

  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  &-status {
    height: 35px;
    &.running {
      transform-origin: 50% 50%;
      animation: rotate 1.5s linear infinite;
    }
  }

  &-content {
    padding: 24px;

    &-item {
      margin-bottom: 10px;
      svg {
        vertical-align: middle;
      }
      span {
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
        color: #686c78;

        vertical-align: text-top;
      }
    }
  }

  &-footer {
    position: relative;
    border-top: 1px solid #e6eaef;
    height: 70px;
    &-message {
      padding: 14px 24px 14px 24px;
      &-link {
        color: #0b6fd6;
        cursor: pointer;
      }
    }
    &-operate {
      text-align: right;
    }
  }

  &.unactive {
    filter: grayscale(100%);
    filter: gray;
  }
}
.new-node-card-confirm-modal {
  .ant-modal-confirm-title {
    font-weight: 320;
  }
}
